that wraps the table */
position: relative;
z-index: 1; overflow-y: hidden !important; /* SCOTT container inner z-index's because
*/
height: 1px /* better than 0, for firefox */
}
.fc .fc-scrollgrid-section > td {
height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
}
.fc .fc-scrollgrid-section table {
height: 1px;
/* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
/* serves as a min-height. harmless */
}
.fc .fc-scrollgrid-section-liquid > td {
height: 100%; /* better than `auto`, for firefox */
}
.fc .fc-scrollgrid-section > * {
border-top-width: 0;
border-left-width: 0;
}
.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
border-bottom-style: hidden; /* head keeps its bottom border tho */
}
.fc {
/* stickiness */
}
.fc .fc-scrollgrid-section-sticky > * {
background: #fff;
background: var(--fc-page-bg-color, #fff);
position: sticky;
z-index: 3; /* TODO: var */
/* TODO: box-shadow when sticking */
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
top: 0; /* because border-sharing causes a gap at the top */
/* TODO: give safari -1. has bug */
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
}
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
height: 1px; /* needs height to create scrollbars */
margin-bottom: -1px;
}
.fc-sticky { /* no .fc wrap because used as child of body */
position: sticky;
}
.fc .fc-view-harness {
flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
position: relative;
}
.fc {
/* when the harness controls the height, make the view liquid */
}
.fc .fc-view-harness-active > .fc-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* partial day header SCOTT */
.fc .fc-col-header-cell-cushion {
display: inline-block; /* x-browser for when sticky (when multi-tier header) */
padding: 3px 4px 3px 4px;color: #000000; font-size: .94rem; font-weight: 500; font-family: 'Roboto', "Times New Roman", "serif";
}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
/* will always have a harness with position:relative/absolute, so absolutely expand */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc .fc-non-business {
background: rgba(215, 215, 215, 0.3);
background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
background: rgb(143, 223, 130);
background: var(--fc-bg-event-color, rgb(143, 223, 130));
opacity: 0.3;
opacity: var(--fc-bg-event-opacity, 0.3)
}
.fc .fc-bg-event .fc-event-title {
margin: .5em;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
font-style: italic;
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
background: rgba(208, 208, 208, 0);
background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0));
}
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
text-decoration: none;
}
/* SCOTT cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
}
a.fc-event:hover {
text-decoration: none;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
position: relative;
z-index: 2;
}
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
opacity: 0.75;
}
.fc-event-dragging.fc-event-selected { /* TOUCH */
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
display: none;
position: absolute;
z-index: 4;
}
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */
}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
display: block;
}
.fc-event-selected .fc-event-resizer {
border-radius: 4px;
border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
border-width: 1px;
border-width: var(--fc-event-resizer-dot-border-width, 1px);
width: 8px;
width: var(--fc-event-resizer-dot-total-width, 8px);
height: 8px;
height: var(--fc-event-resizer-dot-total-width, 8px);
border-style: solid;
border-color: inherit;
background: #fff;
background: var(--fc-page-bg-color, #fff)
/* expand hit area */
}
.fc-event-selected .fc-event-resizer:before {
content: '';
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
}
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
/* expand hit area (subclasses should expand) */
}
.fc-event-selected:before, .fc-event:focus:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-event-selected,
.fc-event:focus { background-color: #999999 !important;}
.fc-event-selected:after, .fc-event:focus:after {
content: "";
background: rgba(0, 0, 0, 0.25);
background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
position: absolute;
z-index: 1;
/* assume there's a border on all sides. overcome it. */
/* sometimes there's NOT a border, in which case the dimmer will go over */
/* an adjacent border, which looks fine. */
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
}
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-h-event .fc-event-main {
color: #000;
color: var(--fc-event-text-color, #000);
}
.fc-h-event .fc-event-main-frame {
display: flex; /* for make fc-event-title-container expand */
}
.fc-h-event .fc-event-time {
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
}
.fc-h-event .fc-event-title {
display: inline-block; /* need this to be sticky cross-browser */
vertical-align: top; /* for not messing up line-height */
left: 0; /* for sticky */
right: 0; /* for sticky */
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
top: 0;
bottom: 0;
width: 8px;
width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
cursor: w-resize;
left: -4px;
left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
cursor: e-resize;
right: -4px;
right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
top: 50%;
margin-top: -4px;
margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
left: -4px;
left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
right: -4px;
right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
:root {
--fc-daygrid-event-dot-width: 0px;
}
/* SCOTT help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
margin:0px !important;
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
content: "";
clear: both;
display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
content: "";
clear: both;
display: table; }
.fc {
/* cell top */
}
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 1;
}
.fc {
/* SCOTT day number (within cell top) */
}
.fc {
/* event container */
}
.fc .fc-daygrid-day-events {
margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
}
.fc {
/* positioning for balanced vs natural */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative; /* for containing abs positioned event harnesses */
min-height: 1em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
}
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em;
}
.fc {
/* event harness */
}
.fc .fc-daygrid-event-harness {
position: relative;
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0; /* fallback coords for when cannot yet be computed */
left: 0; /* */
right: 0; /* */
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0;
}
.fc {
/* bg content SCOTT fc-event-main*/
}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {
/* events */
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 0px;
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
}
.fc {
/* cell bottom (within day-events) */
}
.fc .fc-daygrid-day-bottom {
font-size: .85em;
padding: 0; min-height: 0;
}
.fc .fc-daygrid-day-bottom:before {
content: "";
clear: both;
display: table; min-height: 0; }
.fc {
/* week number (within frame) */
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
color: #808080;
color: var(--fc-neutral-text-color, #808080);
}
.fc {
/* SCOTT popover */
}
.fc-popover-header
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static; /* will cause inner absolute stuff to expand to | */
}
.fc-daygrid-event { /* Scott make root-level, because will be dragged-and-dropped outside of a component root */
position: relative; /* for z-indexes assigned later */
white-space: wrap;/* was nowrap */
border-radius: 0px; /* dot event needs this to when selected */
width:100%; display: block!important;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
padding: 1px;background-color: #000;
}
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0;
}
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
overflow: hidden;
font-weight: 400;
}
/* SCOTT */
.fc-daygrid-dot-event:hover {
}
.fc-daygrid-dot-event.fc-event-selected:before {
}
.fc-daygrid-event-dot { /* SCOTT
margin: 0 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid #3788d8;
border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
border-radius: 4px;
border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
the actual dot */
margin: 0px;
box-sizing: content-box;
width: 0;
height: 0;
border: 0px solid #3788d8;
border: 0px;
border-radius: 0px;
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px !important;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px !important;
}
/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-v-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
height: 100%;
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-height: 0; /* important for allowing to shritimenk all the way */
}
.fc-v-event .fc-event-title { /* will have fc-sticky on it */
top: 0;
bottom: 0;
max-height: 100%; /* clip overflow */
overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
/* expand hit area */
left: -10px;
right: -10px;
}
.fc-v-event {
/* resizer (mouse AND touch) */
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize;
}
.fc-v-event {
/* resizer for MOUSE */
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
height: var(--fc-event-resizer-thickness, 8px);
left: 0;
right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-event {
/* resizer for TOUCH (when event is "selected") */
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc .fc-timegrid .fc-daygrid-body {/* the all-day daygrid within the timegrid view */
z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}
.fc .fc-timegrid-divider {
padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1; /* scope the z-indexes of slots and cols */
min-height: 100%; /* fill height always, even when slat table doesn't grow */
}
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
position: relative /* offset parent for now-indicator-container */
}
.fc .fc-timegrid-axis-chunk > table {
position: relative;
z-index: 1; /* above the now-indicator-container */
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slot { /* a | */
height: 1.5em;
border-bottom: 0 /* each cell owns its top border */
}
.fc .fc-timegrid-slot:empty:before {
content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
vertical-align: middle; /* vertical align the slots */
}
.fc {
/* slots AND axis cells (top-left corner of view including the "all-day" text) */
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px;
}
.fc {
/* axis cells (top-left corner of view including the "all-day" text) */
/* vertical align is more complicated, uses flexbox */
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%; /* will need liquid-hack in FF */
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center; /* vertical align */
justify-content: flex-end; /* horizontal align. matches text-align below */
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px; /* limits the width of the "all-day" text */
flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(208, 208, 208, 0.15));
}
.fc .fc-timegrid-col-frame {
min-height: 100%; /* liquid-hack is below */
position: relative;
}
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc-media-screen .fc-timegrid-cols {
position: absolute; /* no z-index. children will decide and go above slots */
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-media-screen .fc-timegrid-cols > table {
height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc {
/* bg */
}
.fc .fc-timegrid-col-bg {
z-index: 2; /* TODO: kill */
}
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
position: absolute; /* top/bottom will be set by JS */
left: 0;
right: 0;
}
.fc .fc-timegrid-col-events {
z-index: 3;
/* child event segs have z-indexes that are scoped within this div */
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
/* z-index is set on the individual elements */
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness {
position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
position: absolute; /* absolute WITHIN the harness */
top: 0; /* for when not yet positioned */
bottom: 0; /* " */
left: 0;
right: 0;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
margin-bottom: 1px;
}
.fc-timegrid-event-short .fc-event-main-frame {
flex-direction: row;
overflow: hidden;
}
.fc-timegrid-event-short .fc-event-time:after {
content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
}
.fc-timegrid-event-short .fc-event-title {
font-size: .85em;
font-size: var(--fc-small-font-size, .85em)
}
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
position: absolute;
z-index: 9999; /* hack */
color: inherit;
color: var(--fc-more-link-text-color, inherit);
background: #d0d0d0;
background: var(--fc-more-link-bg-color, #d0d0d0);
cursor: pointer;
margin-bottom: 1px;/* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
padding: 3px 2px;
top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
right: 0;
}
.fc-direction-rtl .fc-timegrid-more-link {
left: 0;
}
.fc {
/* line */
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
border-width: 1px 0 0;
}
.fc {
/* arrow */
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px; /* vertically center on top coordinate */
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
/* triangle pointing right. TODO: mixin */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
/* triangle pointing left. TODO: mixin */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
:root {
--fc-list-event-dot-width: 0px;
--fc-list-event-hover-bg-color: #f5f5f5;
}
.fc {
/* table within the scroller */
/* ---------------------------------------------------------------------------------------------------- */
}
/* Scott list view container !!!! */
.fc-theme-standard .fc-list {
border: 0px solid #999999;
border: 0px solid var(--fc-border-color, #999999);
}
.fc .fc-list-empty {
background-color: rgba(208, 208, 208, 1);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
height: 100%;
display: flex;
justify-content: center;
align-items: center; /* vertically aligns fc-list-empty-inner */
}
.fc .fc-list-empty-cushion {
margin: 5em 0;
}
.fc .fc-list-view .fc-scroller {
overflow-y: auto !important;
}
.fc .fc-list-table {
width: 100%;
border-style: hidden; position: absolute; top:5px; left:0;
border-style: hidden; background-color: #000000; /* kill outer border on theme */
}
.fc .fc-list-table tr > * {
border-left: 0;
border-right: 0;
}
.fc .fc-list-sticky .fc-list-day > * { /* SCOTT Mobile Date bACKGROUND the cells */
position: relative;
top: -1px;
background: #1e293b;
zzzbackground: var(--fc-page-bg-color, #000); /* for when headers are styled to be transparent and sticky */
}
.fc {
/* only exists for aria reasons, hide for non-screen-readers */
}
.fc .fc-list-table thead {
position: absolute;
left: -10000px;
}
.fc .fc-list-table tbody > tr:first-child th {
border-top: 0;
}
.fc .fc-list-table th {
padding: 0; /* uses an inner-wrapper instead... */
}
.fc .fc-list-table td,
.fc .fc-list-day-cushion {
padding: 4px 2px 3px 6px;
}
.fc {
/* date heading rows */
/* ---------------------------------------------------------------------------------------------------- */
}
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table; /* clear floating */
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
float: left;color: #fff;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
float:right;color: #999999;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline;
}
.fc-theme-bootstrap a:not([href]) {
/* natural color for navlinks */
}
.fc-theme-bootstrap5 a:not([href]) {
color: inherit;
text-decoration: inherit;
}
.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
border: 1px solid var(--bs-gray-400);
}
.fc-theme-bootstrap5 {
/* HACK: reapply core styles after highe-precedence border statement above */
}
.fc-theme-bootstrap5 .fc-scrollgrid {
border-right-width: 0;
border-bottom-width: 0;
}
.fc-theme-bootstrap5-shaded {
background-color: var(--bs-gray-200);
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer; /* whole row will seem clickable */
}
.fc .fc-list-event:hover td {
zzzbackground-color: #f5f5f5;
zzzbackground-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}
.fc {
/* shrink certain cols */
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
white-space: nowrap;
width: auto;
}
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
width: 0;
height: 0;
zborder: 0px solid #3788d8;
zborder: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
zborder-radius: 5px;
zborder-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc {
/* reset styling */
}
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none;
}
.fc {
/* underline link when hovering over any part of row */
}
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline;
}
.fc .fc-list-event {height: auto; background-color:#fff !important;
border:0px; border-bottom: 1px solid #222222; cursor: pointer !important;
}
.fc .fc-list-event-dot {
display: inline-block;
width: 0;
height: 0;
zborder: 0px solid #3788d8;
zzzborder: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
zzzborder-radius: 5px;
zzzborder-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc .fc-list-event td {min-height: 55px;
border: 0px;
}
.fc .fc-list-event .fc-event-main { height: auto; border:0 !important;padding: 0px 0 0px 0; }
.zfc .zfc-list-event {display: flex; align-items: center; line-height: 1;padding: 0px 0 0px 0;
}
/* SCOTT mobile view height per event */
.fc .fc-list-event.fc-event-forced-url {
cursor:none;display: flex; align-items: center; min-height: 1px;
}
/* SCOTT mobile just the date header background */
.fc-list-day-cushion {
width: 100%;padding: 0px;font-size: .86rem; line-height: 1; font-weight: 500; text-transform: uppercase;
}
/* SCOTT Mobile Time */
.fc .fc-list-event-time { display: flex; align-items:center;
white-space: nowrap; font-family: 'Oswald', "serif"; font-size: 1.1rem; line-height: 1; letter-spacing: -0.045rem; word-spacing: -0.1rem;max-width: 70px; color:#1b1b1b; font-weight: 700;border: 0px !important;
}
.fc .fc-list-event .fc-event-title { font-family: 'Roboto', "serif"; color: #000000 !important;font-size: .86rem; line-height: .86; font-weight: 500; font-family: 'Roboto', "serif"; text-transform: uppercase; border: 0px; text-shadow: 1px 1px 0px #ffffff; }
.fc .fc-list-event .fc-event-location { font-family: 'Roboto', "serif"; color: #666666 !important;font-size: .68rem; line-height: .8; font-weight: 500; font-family: 'Roboto', "serif"; text-transform: uppercase; border: 0px; text-shadow: 1px 1px 0px #ffffff; }
.fc .fc-list-event-title a {
font-family: 'Roboto', "serif"; margin: 3px 5px 3px 0;font-size: .7rem; background-color:#dc4e41; padding: 5px 6px 5px 6px; color: #ffffff; line-height: normal; text-shadow: 1px 1px 0px #cc0000; font-weight: 500; border-radius: 8px; border:1px solid #cc0000; text-transform: uppercase;
}
.zzzpopover-close {
float: right;
font-size: 1.2em;
cursor: pointer;
}
#calendar { position: relative; z-index: 9999999;
margin: 0 0 0px 0; padding: 0; width:100%; min-height: 400px; overflow: visible;
}
#custom-popover {
position:relative;width:100%; height: 200px; top:-14px; left:-15px;
background-color:rgba(0,0,0,0); margin-top: 16px;
padding: 15px 0 0 8px; color:#1b1b1b;
z-index: 9999999999999999999999999999999999;
}
/* SCOTT popover */
.fc .fc-popover {
position:relative;width:100%; left:100%; top:-42px; height: auto; margin-left:16px; padding-bottom: 400px;
z-index: 999; overflow:hidden;
}
.fc-daygrid-day.no-events {
background-color: #f0f0f0; /* Light gray background */
}
/* Optional: Improve styling for cells */
.fc-daygrid-day {
padding: 10px;
}
.fc .fc-more-popover .fc-popover-body {
z-index: 9999;
width: 100%;background-color:#ffffff;
padding: 0px;
}
.fc .fc-popover-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; color:#1e293b; background-color:#fff;
padding: 5px 0px 5px 4px; margin-bottom: 2px; font-size: 1.4rem; font-weight: 900; text-transform: uppercase;
}
#popover-title {display: flex;flex-direction: row;justify-content: space-between;align-items: center; color:#1e293b;background-color:rgba(0,0,0,0);
padding: 5px 0px 5px 4px; margin-bottom: 2px; font-size: 1.4rem; font-weight: 900; text-transform: uppercase;}
.zzzfc .zzzfc-popover-header :after{
content: "- Meetings"; margin-left: 5px; background-repeat: no-repeat;
}
.fc .fc-popover-title {
margin: 0 2px;border:0;
}
.fc .fc-popover-close {
cursor: pointer;
opacity: 0.75;
font-size: 1.2em; visibility: hidden;
}
.fc .fc-toolbar { margin: 7px 0 12px 0; height: 40px; }
.fc .fc-toolbar.fc-header-toolbar { display: flex;flex-flow: nowrap;
align-items:center; justify-content:space-around;
}
.fc .fc-toolbar-title {
font-family:'Barlow Condensed', Helvetica, sans-serif;font-size: clamp(1.4rem, 1.4802rem + 0.7665vw, 2rem);color: #222222; text-shadow:1px 1px 0px #FFFFFF; font-weight:800;text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0;
}
.fc .fc-day-today {
background:rgba(0,0,0,0);}
.fc-dayGridMonth-button, .fc-listMonth-button {
background-color: #1e293b;
border-radius:0px !important;color: white !important; padding: .4rem .7rem .4rem .7rem !important; font-size: 1.1rem !important; line-height: .9 !important; text-shadow:1px 1px 0px #000000;
}
.fc-dayGridMonth-button:focus {background-color: #cc0000 !important; }
.fc-prev-button, .fc-next-button {
background-color: #222222 !important;
color: white !important; padding: .4rem .6rem .4rem .6rem !important; font-size: .8rem !important;
}
.fc-today-button {
background-color: #003366 !important;border-color: #003366 !important; color: white !important; padding: .4rem .75rem .4rem .75rem !important; font-size: .9rem !important;margin-left:1rem !important;
}
.fc-day-other {
background-color: #000000 !important; /* Example style */
}
.popover-header {
font-weight: bold;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
.popover-body {
font-size: 0.9em;
}
/* SCOTT day height month view */
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 50px; /* seems to work better than `height` because sets height after rows/cells naturally do it */
max-height: 70px;
}
#custom-popover2 {
position: relative;width: 420px; height: 200px;
background-color: #fff; margin-top: 16px;
padding: 15px 0 0 5px; color:#1b1b1b;
z-index: 9999999999999999999999999999999999999999999999999;
}
#popover-title2 {display: flex;flex-direction: row;justify-content: space-between;align-items: center;
color:#ffffff; background-color:#1e293b;
padding: 5px 0px 5px 6px; margin: -14px 0 2px -5px; font-size: .9rem; font-weight: 500; text-transform: uppercase;}
.fc-event-main { display: inline-block; padding: 0px 0px 4px 0px;margin: 0px 0 0px 7px;border-bottom: 1px solid #333333; width:100%;}
/* title of event */
.fc-daygrid-event .fc-event-title {color:#000000; word-spacing: -0.03rem;
font-size: clamp(0.96rem, 0.8667rem + 0.1944vw, 1.1rem);font-weight: 600; line-height:1; padding: 0px; font-family: 'Roboto Condensed', "serif"; text-transform: uppercase; margin:0px 0px 0px 0px;
}
.fc-event-rest {display: inline-block;width: 100%; float: left;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {color:#0066cc; display: inline-block;padding:0 3px 0 0; margin: 0;text-shadow: 1px 1px 0px #ffffff; word-spacing: -0.16rem; font-weight: 800;}
.fc-event-main a {display: flex;font-family: 'Roboto', "serif"; width: fit-content; height: 19px; align-items: center; margin: 2px 2px 0px 1px;font-size:.65rem;background-color:#d63939; padding-left: 4px; padding-right: 4px; color: #ffffff; text-shadow: 1px 1px 0px #cc0000; font-weight: 500; border-radius: 3px; border:1px solid #990000; text-transform: uppercase; line-height:1; float: left;
}
.fc-event-main a:hover { background-color:#cc0000; color:#ffffff !important; text-shadow: 1px 1px 0px #990000; }
.fc-event-location:before {content: "Location: "; color:#333333;text-shadow: 0px 0px 2px #ffffff; font-family: 'Inter', "serif"; padding-left: 1px; font-weight: 500;}
.fc-event-location {font-family: 'Inter', "serif";color:#333333;font-size: .62rem;line-height:1; margin: 1px 0 1px 0; padding: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-shadow: 1px 1px 0px #ffffff; zzzdisplay: none;}
/* SCOTT past events */
.fc .fc-daygrid-more-link {font-family: "Montserrat", "serif";
z-index: 4; cursor: pointer; margin: -18px 0 -4px 0; width: 100%;
display: flex; align-items:center; justify-content: center;font-size:1.4rem;font-weight: 800; color:#777777;
padding:20px 0px 11px 0px; text-shadow: 1px 1px 0px #ffffff;text-transform: uppercase; background-color:rgba(0,0,0,0); }
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4; font-size: .7rem;
padding: 4px; color: #444444;
}
.fc .fc-daygrid-day.fc-day-today {background-color:rgba(255, 255, 255, 1);}
.fc .fc-day-today .fc-daygrid-more-link {color:#d63939 !important; border:0px solid #ffffff; background-color: rgba(255, 220, 40, 0.25) !important;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { font-size: .75rem;padding: 4px 4px 3px 4px; color:#ffffff;font-weight: 400; font-family:Arial, "sans-serif"; background-color:#d63939;text-shadow: 1px 1px 0px #bd081c; border-top:0px solid #ffffff; border-right:0px solid #ffffff; }
.fc .fc-daygrid-more-link:hover {color:#0066cc;}
.clicked-more-link { color:#0052cc !important; background-color:rgba(188, 232, 241, 0.7) !important; }
.highlighted-day {
background-color:rgba(188, 232, 241, 0.7); /* Or any highlight color you prefer */
}
/* scott */
.fc .fc-highlight { z-index: 99999999999; height: 55px;
background: rgba(188, 232, 241, 0.7);
background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
/* !!!!!!!!!!!!!!!!! SCOTT change to display:none before going live !!!!!!!!!!!!!!!!!!!!!!!!!! */
.fc .fc-day-past .fc-daygrid-more-link {background-color:#ffffff; text-shadow: 1px 1px 0px #ffffff; zzzcursor:none !important; zzzpointer-events: none !important; zzzdisplay: none;}
.selected-day {color:#cc0000 !important;
}
@media screen and (max-width:768px) {
.fc .fc-popover {
position:relative;width:75%; left:100%; top:-42px; height: auto; margin-left:16px; padding: 0;
z-index: 999; overflow:visible;
}
}
@media screen and (max-width:450px) {
#custom-popover {
position:relative;width:100%; height: 200px; top:-152px; left:-15px;
background-color:rgba(0,0,0,0); margin-top: 16px;
padding: 15px 0 0 8px; color:#1b1b1b;
z-index: 9999999999999999999999999999999999;
}
.fc .fc-popover {
position:relative;width:100%; left:0; top:370px; height: auto; margin-left:-9px; padding: 0;
z-index: 999; overflow:visible;
}
.fc .fc-button {
font-size: .85em;
}
.fc .fc-toolbar-title {
font-family:'Barlow Condensed', Helvetica, sans-serif;font-size: clamp(1.4rem, 1.4802rem + 0.7665vw, 2rem);color: #222222; text-shadow:1px 1px 0px #FFFFFF; font-weight:800;text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0;
}
}
@media screen and (max-width:800px) and (orientation: landscape){
#custom-popover {
position:relative;width:100%; height: 200px; top:-152px; left:-15px;
background-color:rgba(0,0,0,0); margin-top: 16px;
padding: 15px 0 0 8px; color:#1b1b1b;
z-index: 9999999999999999999999999999999999;
}
.fc .fc-popover {
position:relative;width:100%; left:0; top:370px; height: auto; margin-left:-9px; padding: 0;
z-index: 999; overflow:visible;
}
}
.fc-day-other { /* In FullCalendar v5+, use .fc-day-other */
background: repeating-linear-gradient(
-45deg,
#606dbc,
#606dbc 10px,
#465298 10px,
#465298 20px
); opacity:.2;
}
|